﻿<!DOCTYPE html>
<html>
<head>
<title>科室资料管理</title>
<meta charset="utf-8">
<meta name="keywords" content="短照中心-湘潭市康复养老中心;">
<meta name="description" content="短照中心-湘潭市康复养老中心;">
<link rel="stylesheet" rev="stylesheet" href="css/framepage.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="js/waitBox/wait.css">

<script src="js/vue.js"></script>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/JSON-js-master/json2.js"></script>
<script src="js/waitBox/wait.js"></script>
</head>

<body style="background:rbg(216,216,216);">
<div class="form_div" id="vue_vm">
  <h3>新增科室</h3>
  <ul>
    <li><span class="tit" style="width:42px;">名称：</span></li>
    <li><span>
      <input type="text" placeholder="请输入科室名称" v-model="data.roomName" style="width:300px;"/>
      </span></li>
  </ul>
  <ul>
    <li><span class="tit" style="width:42px;">职能：</span></li>
    <li><span>
      <input type="text" placeholder="请输入职能" v-model="data.function" style="width:300px;"/>
      </span></li>
  </ul>
  <ul>
    <li><span class="tit" style="width:42px;">电话：</span></li>
    <li><span>
      <input type="text" placeholder="请输入电话" v-model="data.telPhone" style="width:300px;"/>
      </span></li>
  </ul>
  <ul>
    <li><span class="tit" style="width:42px;">部门：</span></li>
    <li>
      <select id="department_select" v-model="data.departmentId" style="width:312px;">
        <option value="二室一厅A户型A床位包间">短照中心</option>
        <option value="二室一厅A户型A床位包间">长照中心</option>
        <option value="二室一厅A户型A床位包间">日照中心</option>
      </select>
    </li>
  </ul>
  <ul>
    <li><span class="tit" style="width:42px;">楼房：</span></li>
    <li>
      <select id="building_select" v-model="data.buildingId" style="width:312px;">
        <option value="二室一厅A户型A床位包间">国际老人活动大楼短照中心</option>
        <option value="二室一厅A户型A床位包间">国际老人活动大楼短照中心</option>
        <option value="二室一厅A户型A床位包间">国际老人活动大楼短照中心</option>
      </select>
    </li>
  </ul>
  <ul>
    <li><span class="tit" style="width:42px;">楼层：</span></li>
      <li><div style="margin:4px;padding:0;" id="floor_checkbox">
      	<span style="display:inline;float:left;">
        	<!--
            <input class="magic-checkbox floor-select" type="checkbox" id="1" value="1"/>
            <label for="1" class="label_txt" style="width:100px;">1楼</label>
            -->
        </span>
      </div>
    </li>
  </ul>
<div style="clear:both;"></div>
  <ul>
    <li><span class="tit" style="width:42px;"></span></li>
    <li>
      <input type="button" value="确认提交" class="button button1" onclick="save();" style="height:38px;"/>
    </li>
  </ul>
</div>
<div style="clear:both;"></div>
<div class="list_div" id="vue_vm_list">
  <h3>已有科室</h3>
  <div style="margin:0;padding:0;" v-for="todo in todos">
    <ul>
      <li style="width:200px;"><span style="display:block;position:absolute;top:12px;left:0;">
        <input class="magic-checkbox" type="checkbox" v-bind:name="todo.subjectRoomId" v-bind:id="todo.subjectRoomId"/>
        <label v-bind:for="todo.subjectRoomId" class="label_txt" style="color:#009688">{{todo.roomName}}</label>
        </span></li>
      <li style="width:130px;"><span>{{todo.buildingName}}</span></li>
      <li style="width:100px;"><span>{{todo.function}}</span></li>
      <li style="width:100px;"><span>{{todo.telPhone}}</span></li>
      <li style="width:200px;"><span>{{todo.departmentName}}</span></li>
      <li style="width:100px;"><span>{{todo.buildingName}}</span></li>
      <li style="width:100px;"><span>{{todo.floorsName}}</span></li>
    </ul>
  </div>
  <div class="for_ie_div"><!--为兼容IE-->
    <ul>
      <li style="width:160px;">
        <input type="button" value="删除" class="button button2" onclick="deleteBatch();" style="height:38px;"/>
      </li>
    </ul>
  </div>
</div>
<script src="js/common.js"></script>
<script src="js/common_function.js"></script>
<script src="js/busi/department_select.js"></script>
<script src="js/busi/building_select.js"></script>
<script src="js/busi/floor_checkbox.js"></script>
<script src="js/busi/subject_room.js"></script>
</body>
</html>